import { Button, Empty } from 'antd';
import { useRouter } from 'next/navigation';

export const EmptyState = () => {
  const router = useRouter();

  return (
    <Empty
      image={Empty.PRESENTED_IMAGE_DEFAULT}
      imageStyle={{ height: 160 }}
      description={
        <span>
          您还没有加入任何课程
        </span>
      }
    >
      <Button 
        type="primary"
        onClick={() => router.push('/courses')}
      >
        浏览课程
      </Button>
    </Empty>
  );
};
